.container{
  /*top*/
  .top{
    image{
      width: 750rpx;
      height: 400rpx;
    }
    .top_message{
      padding: 20rpx 30rpx 0;
      background-color: #fff;
      font-size: 34rpx;
      .title{
        margin-bottom: 10rpx;
      }
      .mes{
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 20rpx;
        font-size: 26rpx;
        color:#999;
        .score{
          margin: 0 20rpx;
        }
        .type{
          text{
            margin-left: 12rpx;
            padding: 1rpx 6rpx;
            border:1px solid #999;
            border-radius: 3px;
          }
        }
      }
    }
    navigator{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 20rpx 30rpx;
      background-color: #fff;
      .hold_mes{
        display: flex;
        image{
          width: 88rpx;
          height: 88rpx;
          margin-right: 20rpx;
          border-radius: 50%;
        }
        .hold_title{
          font-size: 32rpx;
          .introduce{
            font-size: 26rpx;
            color:#999;
            max-width:540rpx;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
          }
        }

      }

    }
  }
  /*右箭头*/
  .arrow_right{
    image{
      width:22rpx;
      height:22rpx;
    }
  }
  /*tab*/
  .tab{
    background-color: #fff;
    margin: 20rpx 0 120rpx;
    .tab_title{
      background-color: #fff;
      font-size: 24rpx;
      display: flex;
      align-items: center;
      padding: 10rpx 30rpx;
      color: #999;
      padding-top: 20rpx;
      transition: .3s;
      view{
        text-align: center;
        padding: 0;
        margin-right: 20rpx;
        transition: .3s;
        font-size: 30rpx;
        color: #999;
      }
      .line{
        width: 50rpx;
        border-bottom: 1px solid #333;
        margin: 0 auto;
        margin-top: 10rpx;
      }
      .actived{
        font-size: 40rpx;
        font-weight: 700;
        color: #333;
        margin-right: 40rpx;
        transition: .3s;
      }
    }
    .activity_message{
      padding-left: 30rpx;
      margin-bottom: 20rpx;
      navigator{
        padding: 20rpx 30rpx 20rpx 0;
        border-bottom: 1px solid #f0f0f0;
        font-size:38rpx;
        display:flex;
        justify-content: space-between;
        align-items:center;
        .title_line{
          width:8rpx;
          height:40rpx;
          background-color:#3952fc;
          border-radius:2px;
        }
        .title{
          font-weight:600;
          font-size: 36rpx;
        }
        text{
          margin:0 10rpx 0 0;
          font-size:30rpx;
        }
        .activity_content{
          font-size: 32rpx;
          display: flex;
          align-items: center;
          .img {
            margin-right:20rpx;
            width:34rpx;
            height:34rpx;
            image{
              width: 34rpx;
              height: 34rpx;
            }
          }
          .sprice{
            color:#e64340;
          }
        }
      }
    }
    .course_evaluate{
      .star_score{
        padding: 30rpx;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #f0f0f0;
        .star_all{
          color:#333;
          span{
            font-size: 100rpx;
            font-weight: 700;
            margin-right: 10rpx;
          }
        }
        .star_percent{
          .star_mes{
            display: flex;
            margin-bottom: 10rpx;
            image{
              width: 22rpx;
              height: 22rpx;
              margin-right: 10rpx;
            }
            progress{
              width: 260rpx;
              margin-left: 16rpx;
            }
          }
        }
      }
      .evaluate_type{
        display: flex;
        padding: 30rpx;
        view{
          padding:10rpx 30rpx;
          font-size: 26rpx;
          margin-right: 26rpx;
          background-color: #f5f5f5;
          border-radius: 40rpx;
          color:#000;
        }
        .clickCommentBg{
          background-color: #e5e5e5;
        }
      }
      /*评价*/
      .ticket_explain {
        background-color: #fff;
        margin-bottom: 20rpx;
        padding: 0 30rpx;
        .ticket_message {
          padding: 30rpx 0;
          font-size: 30rpx;
          .instroduce_mes {
            line-height: 50rpx;
            text-align: justify;
          }
          .instroduce_actived {
            height: 160rpx;
            overflow: hidden;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }
          .showHideBtn {
            text-align: center;
            margin-top: 20rpx;
            font-size: 28rpx;
            color: #999;
            image {
              width: 20rpx;
              height: 20rpx;
            }
          }
        }
        .evaluate_message {
          padding: 30rpx 0;
          font-size: 30rpx;
          display: flex;
          border-bottom: 1px solid #f0f0f0;
          image {
            width: 88rpx;
            height: 88rpx;
            margin-right: 20rpx;
            border-radius: 50%;
          }
          .name {
            .star_style {
              margin-top: 16rpx;
              display: flex;
              justify-content: center;
              image {
                width: 36rpx;
                height: 36rpx;
                margin-right: 16rpx;
              }
            }
          }
          .evaluate_right {
            width: 600rpx;
            .name {
              display: flex;
              justify-content: space-between;
              .time {
                font-size: 28rpx;
                color: #999;
              }
            }
          }
          .evaluate_specific {
            line-height: 48rpx;
            margin: 20rpx 0;
          }
          .source{
            font-size: 26rpx;
            color:#999;
            text-align: right;
          }
        }
        .evaluate_message:last-of-type{
          border-bottom: 0;
        }
      }

    }
  }
  /*详情图*/
  .message_imgs{
    padding: 0 30rpx;
    image{
      width: 690rpx;
      height: 340rpx;
      margin-bottom:-15rpx;
    }
  }
  .article_message{
    font-size: 32rpx;
    margin-top: 40rpx;
    margin-bottom: 100rpx;
    padding: 30rpx;
    view{
      line-height: 54rpx;
    }
    .wxParse-img{
      width: 100% !important;
    }
  }
  .isShow{
    display: none !important;
  }
  /*footer*/
  .footer{
    background-color: #fff;
    padding: 10rpx 30rpx;
    display: flex;
    position: fixed;
    bottom:0;
    left:0;
    width: 92%;
    .phone{
      flex: 1;
      font-size: 30rpx;
      text-align: center;
      color:#333;
      display: flex;
      align-items: center;
      image{
        width: 34rpx;
        height: 36rpx;
        margin-right: 10rpx;
      }
    }
    .name_submit{
      background-color: #3952fc;
      flex: 3;
      color:#fff;
      padding:6rpx 0;
      border-radius: 60rpx;
      .formID{
        font-size: 30rpx;
        background-color: rgba(255,255,255,0);
      }
      .formID::after {
        border: none
      }
    }
  }
  /*上拉加载*/
  .footer_more{
    color:#999;
    padding:50rpx 0;
    text-align:center;
    font-size:24rpx;
  }
  /*海报弹窗*/
  .share_poster{
    width: 100%;
    height:100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .show_img{
    position: fixed;
    top:50%;
    left:50%;
    z-index: 99999;
    transform:translate(-50%,-50%);
    button{
      background-color:#3952fc;
      color:#fff;
      border-radius:60rpx;
      width:90%;
      margin-left:5%;
      padding:0 0;
      font-size:32rpx;
    }
  }
  /*空数据*/
  .empty_message{
    .again_request{
      text-align: center;
    }
  }
  .footer_right{
    position:fixed;
    bottom:140rpx;
    right:30rpx;
    font-size: 26rpx;
    image {
      width:120rpx;
      height:120rpx;
    }
    navigator,.add{
      text-align: center;
    }
    .tips{
      margin-top: -15rpx;
    }
  }
}